﻿@import url('nhomtin.css');
@import url('chitiettin.css');
@import url('sanpham.css');
@import url('muahang.css');
@import url('hoidap.css');
@import url('supersized.css');

html, body, ul, li, a, span, div {
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    font-family: Arial;
}

#respond {
	margin-top: 20px;
}

#respond h3 {
	text-transform:uppercase;
}

textarea#comment{width: 100%; padding: 0; margin: 0; }

#full_width {
    width: 100%;
    height: auto;
    background:url(../images/flower_hibicus.png) left top no-repeat transparent;
}

#header {
    width: 1035px;
    height: auto;
    float: left;
    position: absolute;
    margin-top: 95px;
    z-index: 9999;
}

    #header ul li {
        display: inline;
        list-style: none;
        margin-left: 23px;
    }

        #header ul li a {
            text-decoration: none;
            text-transform: uppercase;
            color: #345C09;
            font-weight: bold;
            font-size:12px;
        }
		 #header ul li a:hover {
		 	color:#FFFFFF;
			text-decoration:underline;
		 }
	#header .menu-main-menu-container {
		margin-left: 32px;
	}
#multi_language {
	float: right;
	margin-right: 100px;
	margin-top: -85px;
}
		 
#content {
    width: 1035px;
    height: 668px;
}

#footer {
    width: 100%;
    height: 100px;
}

.title_community_use_one, .title_community_use_two, .headingline {
    width: 100%;
    height: auto;
    float: left;
}

.title_community_use_one {
    margin-top: 180px;
}

    .title_community_use_one a {
        color: white;
        text-align: left;
        text-decoration: none;
        font-size: 25px;
        text-transform: uppercase;
        font-family: myfirstfont;
    }

.separated {
    float: left;
    width: 80%;
    height: 1px;
    background: -moz-linear-gradient(left,#faed4f, #141714); /*firefox*/
    background: -webkit-linear-gradient(left,#faed4f, #141714); /*safari*/
    margin: 10px 0px;
}

.title_community_use_two a {
    color:#345C09;
    text-align: left;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: mysecondfont;
}

.title_community_use_two {
    margin-top: 10px;
}

.solution {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 16px;
    font-size: 13px;
    color: #ddd;
    font-weight: bold;
    text-decoration: none;
}

#footer {
    border-top: 1px solid rgba(52, 92, 9, 0.4);
}

#footer_left {
    width: 42%;
    height: 100%;
    float: left;
    border-right: 1px solid rgba(52, 92, 9, 0.4);
}

#footer_center {
    width: 40%;
    height: 100%;
    float: left;
    border-right: 1px solid rgba(52, 92, 9, 0.4);
}

#logo {
    width: 20%;
    float: left;
    margin-left: 2%;
    margin-top: 2px;
}

#submenu {
    width: 75%;
    float: left;
    height: 50%;
    margin-left: 2%;
}

    #submenu ul li {
        display: inline;
        float: left;
        list-style: none;
        margin: 0 2%;
    }

        #submenu ul li a {
            text-decoration: none;
            color: #424242;
            font-weight: bold;
            text-transform: uppercase;
            text-justify: kashida;
            line-height: 500%;
        }

            #submenu ul li a:hover {
                color: black;
            }

            #submenu ul li a span {
                font-size: 11px;
            }

#copyright {
    width: 75%;
    height: 50%;
    float: left;
    color: #424242;
    font-size: 11px;
    margin-left: 3%;
}

#footer_center ul li {
    display: inline;
    float: left;
    list-style: none;
    margin-left: 7%;
    margin-top: 7%;
}

#footer_right {
    width: 16%;
    height: 100%;
    float: left;
    background: url(../images/gallery.png) 10px 10px no-repeat;
}

    #footer_right a {
        color: #c9c9c9;
        text-decoration: none;
        text-align: left;
        margin-top: 40px;
        float: left;
        margin-left: 8px;
    }

.culture {
    width: 79px;
    height: 19px;
    float: left;
    margin: 3px 10px;
}

#static_text {
    float: left;
    width: 488px;
    height: 568px;
    position: absolute;
    margin-left: 60px;
    z-index: 9999;
}

@media screen and (max-width: 1200px) {
    #full_width {
        width: 100%;
 	    background:url(../images/flower_hibicus_small.png) left top no-repeat;
    }

    #submenu ul li {
        display: inline;
        float: left;
        list-style: none;
        margin: 0 1%;
    }

        #submenu ul li a span {
            font-size: 10px;
        }

    #footer_center ul li a span {
        font-size: 10px;
    }

    #footer_center ul li a {
        margin: 0px 2px;
    }

    #footer_center ul li {
        margin-left: 1%;
    }

    #logo {
        margin-top: 0px;
    }
	#copyright{
		width:60%;
		line-height:200%;
	}
	#footer_right a {
        margin-left: 0px;
    }
}


.h1home{
	display:none;
}
.content a{
	position:relative;
}